<template>
  <ul>
    <li>
      基本
      <lbr-switch v-model="value" :id="id" :index="index" @change="changeSwitch"></lbr-switch>
    </li>
    <li>
      禁用
      <lbr-switch v-model="value" disabled :index="index" @change="changeSwitch"></lbr-switch>
    </li>
  </ul>
</template>
<script>
export default {
  data() {
    return {
      value: false,
      id: '123',
      index: 0,
    }
  },
  methods: {
    changeSwitch(checked, id, index) {
      console.log(index)
    }
  }
};
</script>
<style scoped lang='scss'>
ul {
  li {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
</style>
